/* Latest Blog Framework Architectures */
html,body,.outer-wrapper,.inner-wrapper,.post-outer,.post,.post-body,.post-footer{margin:0 auto;padding:0;width:auto;position:static}
body{background-color:#222;font:normal normal 13px/1.4 "Roboto_Condensed","Roboto Condensed","Franklin Gothic Medium","Helvetica Neue",Tahoma,Verdana,Arial,Sans-Serif;color:#666}
h1,h2,h3,h4,h5,h6{font-family:"OswaldBook",Oswald,"Franklin Gothic Medium","Helvetica Neue","Arial Narrow",Arial,Sans-Serif;color:inherit}
code{font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;font-size:96%;color:#F0EDBC}
.post-title{margin:50px 0 30px;padding:0 30px 20px;text-align:left;font-size:220%;border-bottom:1px solid #111;-webkit-box-shadow:0 1px 0 #2c2c2c;-moz-box-shadow:0 1px 0 #2c2c2c;box-shadow:0 1px 0 #2c2c2c}
.post-footer{margin:0 2% 4%}
.post ul,.post ol{margin-bottom:0;margin-left:2em}
.nav{background:none}
.nav li ul{background-color:#222}
.nav,.date-header{border-top:2px solid #86B2CB}
a,.nav li a,.date-header{color:#86B2CB}
a:hover,.nav li a:hover,.nav li:hover > a{background:none;color:#4B98C9}
.masonry-wall{width:980px;height:2400px;margin:0 auto 3em;position:relative}
.item-brick{background-color:#333;color:#eee;padding:20px;margin:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;top:0;left:0;overflow:auto}
.item-brick h4{margin:0 0 .4em;font-size:150%;color:#B2A043}
/* Fallback to WebKit Scrollbar */
.item-brick::-webkit-scrollbar,.item-brick .scroll-area::-webkit-scrollbar,.item-brick pre::-webkit-scrollbar{width:6px;height:6px;-webkit-appearance:none;background-color:rgba(0,0,0,.4);border:2px solid transparent;-webkit-background-clip:padding-box;-webkit-border-radius:5px}
.item-brick::-webkit-scrollbar-thumb,.item-brick .scroll-area::-webkit-scrollbar-thumb,.item-brick pre::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.5);-webkit-border-radius:5px}
.item-brick::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.75)}
.item-brick::-webkit-scrollbar-thumb:active{background-color:rgba(255,255,255,1)}
.item-brick pre::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.9)}
.item-brick h5{color:inherit;font-size:130%}
.prolog{position:absolute;width:400px;height:138px;padding:0;background:none;font-style:italic;font-family:Georgia,"URW Bookman L",Serif}
.prolog p,.item-brick p:last-child,.item-brick p:only-child{margin:0}
.item-brick-1{width:360px;height:414px;top:146px;background-color:#c96;color:#333}
.item-brick-1 h4{color:inherit}
.item-brick-2{width:524px;height:760px;left:408px;background-color:#2c2c2c}
.item-brick-2 h4{color:#9DBFC6}
.item-brick-3{width:360px;height:384px;top:608px}
.item-brick-4{width:360px;height:310px;top:1040px;background-color:#3E3936}
.item-brick-4 h4{color:#DE9876}
.item-brick-5{width:524px;height:286px;top:808px;left:408px}
.item-brick-6{width:524px;height:202px;top:1142px;left:408px;background-color:#213964}
.item-brick-6 h4{color:#5871A7}
.item-brick-7{top:1392px;left:408px;width:524px;height:640px}
.item-brick-7 h4{color:#9DBFC6}
.item-brick-8{top:1398px;width:360px;height:880px}
.item-brick-9{top:2080px;left:408px;width:524px;height:178px;background-color:#B2A043;color:#333}
.item-brick-9 .scroll-area{max-height:128px;overflow:auto;padding-right:1em}
.js-enabled .item-brick-9 .scroll-area{padding-right:0}
.item-brick-9 h4{font:inherit;font-weight:bold;text-transform:uppercase;background-color:#333;padding:.4em 1em .3em;margin:0 0 1em}
.item-brick table{width:100%;font-size:88%}
.item-brick table,.item-brick table tr,.item-brick table th,.item-brick table td{border:none;text-align:left;vertical-align:top}
.item-brick table th,.item-brick table td{padding:.3em .5em}
.item-brick table th{width:33%;background-color:#222;font-weight:bold;text-transform:uppercase}
.item-brick caption{margin:0 0;text-align:left;color:#666;border-top:1px solid #333;padding:.4em 0}
.item-brick table tr:nth-child(even){background-color:#333}
pre{font-size:12px;background-color:#232323;color:#F5F5F5;padding:.7em 1em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.js-enabled pre{padding-bottom:.4em}
pre .mCSB_horizontal > .mCSB_container{margin-bottom:2em}
pre .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar{margin-bottom:.5em}
pre code{color:inherit}
code .s{color:#78BD55}
code .mi,code .cp,code .kc{color:#5298D4}
code .k{color:#E39B79}
code .kd,code .na{color:#A9D866}
code .p{color:#EDB}
code .o{color:#F63}
code .nb{color:#AA97AC}
code .c{color:#666;font-style:italic}
code .nt{color:#A0C8FC}
code .nf{color:#9EA8B8}
code .nc{color:#A78352}
code .m{color:#DE8E50}
code .nd{color:#9FAD7E}
@media (min-width:1240px){.masonry-wall{width:1240px;height:1640px}.prolog{width:350px}.item-brick-1,.item-brick-3{width:310px}.prolog{height:170px}.item-brick-1{top:178px;height:460px}.item-brick-2{left:358px;height:560px}.item-brick-3{top:702px;height:415px}.item-brick-4{left:358px;top:942px;width:524px;height:254px}.item-brick-5{top:608px;left:358px}.item-brick-6,.item-brick-7{top:0;left:930px;width:262px;height:368px}.item-brick-7{top:416px;height:1062px}.item-brick-8{top:686px;width:310px}.item-brick-9{top:1244px;left:358px}}
@media (min-width:1900px){.masonry-wall{width:1880px}.item-brick-2{height:1500px}.item-brick-4,.item-brick-5{width:374px;left:1458px;top:0}.item-brick-4{top:334px;height:300px}.item-brick-6,.item-brick-7{width:480px;height:220px}.item-brick-7{top:268px;height:710px}.item-brick-9{top:682px;left:1458px;width:374px}}
@media (max-width:1000px){.masonry-wall{width:900px;height:2580px}.prolog{width:442px}.item-brick-1,.item-brick-2,.item-brick-3,.item-brick-4,.item-brick-5,.item-brick-6,.item-brick-7,.item-brick-8,.item-brick-9{width:402px}.item-brick-2,.item-brick-5,.item-brick-6,.item-brick-7,.item-brick-9{left:450px}.item-brick-6{height:258px}.item-brick-7{top:1466px;height:758px}.item-brick-9{top:2272px}}
@media (max-width:930px){.masonry-wall{width:96%;height:auto}.item-brick{position:relative;width:auto;height:auto;top:auto;right:auto;bottom:auto;left:auto;margin:0 auto 8px}.prolog{margin-bottom:1em}}
@media (max-width:420px){.date-header{position:static;margin:50px auto 0;line-height:normal;border:none;text-align:center}.post-title{font-size:180%;text-align:center;padding:0 2% 5%;margin:5% 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
